{layout name="common@common_layout/template" /}
<style type="text/css">
    table tr th,
    table tr td {
        text-align: center;
    }
</style>
<section class="panel panel-default">
    <header class="panel-heading">
        <h3 class="m-b-none">部门职位列表</h3>
    </header>
    <div class="row wrapper">
        <div class="col-sm-offset-9 col-sm-3">
        </div>
    </div>
    <div class="table-responsive">
        <table class="table table-striped b-t b-light">
            <thead>
            <tr>
                <th>部门</th>
                <th width="40%">操作</th>
            </tr>
            </thead>
            <tbody>
            {volist name="department_list" id="department" empty="暂时没有数据"}
            <tr data-id={$department.id} data-name={$department.name}>
                <td>{$department.name}</td>
                <td>
                    <button class="btn btn-sm btn-info btn-rounded department_change">编辑</button>
                    <a class="btn btn-sm btn-danger btn-rounded department_delete">删除</a>
                </td>
            </tr>
            {/volist}
            <tr>
                <td>
                    <input class="new_department" type="text" placeholder="请输入新的部门名称"/>
                </td>
                <td>
                    <button class="btn btn-sm btn-success btn-rounded department_add">添加</button>
                </td>
            </tr>
            </tbody>
        </table>
    </div>
    <footer class="panel-footer">
        <div class="row">
            <div class="col-sm-offset-4 col-sm-4 text-center">
                <small class="text-muted inline m-t-sm m-b-sm">部门列表</small>
            </div>
            <div class="col-sm-4 text-right text-center-xs">
            </div>
        </div>
    </footer>
    <!--<div class="permissionsgroup">-->
        <!--<div class="permissionsgroup_web">-->
            <!--<i class="fa fa-times permissionsgroup_exit"></i>-->
            <!--<div class="permissionsgroup_top">-->
                <!--<span>2</span>-->
            <!--</div>-->
            <!--<div class="permissionsgroup_center">-->
            <!--</div>-->
            <!--<div class="permissionsgroup_bottom">-->
                <!--<input type="submit" class="btn btn-s-md btn-default confirm_permissionsgroup_change" value="提 交">-->
            <!--</div>-->
        <!--</div>-->
    <!--</div>-->
<!--</section>-->
<!--<section id="bluejmask" class="panel panel-default">-->
    <!--&lt;!&ndash;弹窗样式&ndash;&gt;-->
    <!--<div class="panel-body">-->
        <!--<iframe name="ifr" style="display: none"></iframe>-->
        <!--<form class="form-horizontal" target="ifr" action="{:url('public_module/index/department_add_edit')}"-->
              <!--method="post">-->
            <!--<input type="hidden" name="id" value="1"/>-->
            <!--<div class="form-group">-->
                <!--<label class="col-sm-4 control-label">部门ID</label>-->
                <!--<div class="col-sm-7" style="margin-bottom: 10px">-->
                    <!--<input type="text" class="form-control department_edit_id" name="department_edit_id" value=""-->
                           <!--placeholder="请输入员工姓名" readonly>-->
                <!--</div>-->
                <!--<label class="col-sm-4 control-label">部门</label>-->
                <!--<div class="col-sm-7">-->
                    <!--<input type="text" class="form-control department_name" name="department_name"-->
                           <!--placeholder="请输入员工姓名">-->
                    <!--<button type="submit" class="form-control btn btn-sm btn-info btn-rounded" style="margin-top: 10px">-->
                        <!--确认-->
                    <!--</button>-->
                <!--</div>-->
            <!--</div>-->
            <!--<div class="line line-dashed b-b line-lg pull-in"></div>-->
        <!--</form>-->
    <!--</div>-->
<!--</section>-->
<script src="/static/js/staff/staff.js" type="text/javascript" charset="utf-8"></script>